<template>
  <q-dialog v-model="show" persistent>
    <q-card>
      <q-card-section>
        <div class="text-h6">{{title}}</div>
      </q-card-section>

      <q-card-section class="q-pt-none">
        {{content}}
      </q-card-section>

      <q-card-actions align="right">
        <q-btn flat label="取消" color="primary" v-close-popup />
        <q-btn label="确定" color="primary" v-close-popup @click="$emit('update:confirm', true)" />
      </q-card-actions>
    </q-card>
  </q-dialog>
</template>
<script>
import { defineComponent } from 'vue';

export default defineComponent({
  props: ['title', 'content', 'show', 'confirm'],
  data () {
    return {

    }
  }
});
</script>
